<?php echo $this->Html->script(array('print')); ?>
<style>
    #element_to_pop_up { 
        background-color:#fff;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.298);
        border-radius:5px;
        color:#000;
        display:none; 
        padding:20px;
        min-width:400px;
        min-height: 180px;
    }
    .b-close{
        cursor:pointer;
        position:absolute;
        right:10px;
        top:5px;            
    }    
</style>
<div class="widget">
    <div class="whead"><h6>HOJA DE RUTA</h6><div class="clear"></div></div>
    <fieldset>
        <div id="areaImprimir">
            <table cellpadding="0" cellspacing="0" width="100%" class="tLight noBorderT">          
                <tr>                    
                    <td><h4><strong class="red">TRABAJO #<?php echo $trabajo['Trabajo']['id'] ?></strong></h4></td>
                    <td><h4><strong>FECHA: </strong><?php
                            $tiempo = split(' ', $trabajo['Trabajo']['fecharegistro']);
                            $fecha = split('-', $tiempo[0]);
                            echo $fecha[2] . '-' . $fecha[1] . '-' . $fecha[0];
                            ?></h4></td>
                    <td><h4><strong>HORA INICIO : </strong><?php
                            $hora = $tiempo[1];
                            echo $hora;
                            ?></h4></td>
                    <td><span class="invoiceNum"><?php if (!empty($verifica)): ?><h2><strong class="red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;NUMERO : <?php echo $verifica['Myhojasruta']['numero']; ?><?php endif; ?></h2></strong class="red"></span></td>
                </tr>                
            </table>
            <table cellpadding="0" cellspacing="0" width="100%" class="tLight noBorderT">
                <tr>
                    <td><strong>Cliente:</strong></td>
                    <td><?php echo $cliente['Cliente']['nombre']; ?></td>
                </tr>
                <tr>
                    <td><strong>Telefono:</strong></td>
                    <td><?php echo $cliente['Cliente']['telefono']; ?></td>
                    <td><strong>Celular:</strong></td>
                    <td><?php echo $cliente['Cliente']['celular']; ?></td>	       	
                </tr>                                               
            </table>
            <div align="center"><h2><strong class="green">TIPO DE TRABAJO</strong></h2></div>
            <table cellpadding="0" cellspacing="0" width="100%" class="tLight noBorderT">           

                <?php foreach ($tipo as $tipos): ?>

                    <tr>    
                        <td><?php echo $tipos['descripcion']; ?><br>Cantidad Nominal: <?php echo $tipos['cantidad_nominal'] ?></td>
                        <td align="center"><?php if ($tipos['tipotrabajo1'] != ''): ?>Trabajo 1 <br/><?php echo $tipos['tipotrabajo1']; ?><br><?php echo $tipos['cara1']; ?><?php endif; ?></td> 
                        <td><?php if ($tipos['tipotrabajo2'] != ''): ?>Trabajo 2 <br/><?php echo $tipos['tipotrabajo2']; ?><?php endif; ?><br><?php echo $tipos['cara2']; ?></td>
                        <td><?php if ($tipos['tipotrabajo3'] != ''): ?>Trabajo 3 <br/><?php echo $tipos['tipotrabajo3']; ?><?php endif; ?><br><?php echo $tipos['cara3']; ?></td>
                        <td><?php if ($tipos['tipotrabajo4'] != ''): ?>Trabajo 4 <br/><?php echo $tipos['tipotrabajo4']; ?><?php endif; ?><br><?php echo $tipos['cara4']; ?></td>                        
                        <td><?php echo $tipos['sucursal']; ?></td>
                    </tr>

                <?php endforeach; ?>

                <tbody>  
                    <tr>
                        <td colspan="4">AUTORIZADO POR:</td>
                        <td colspan="4"><span><strong><?php echo $trabajo['Usuario']['nombre'] ?></strong></span></td>
                    </tr>
                    <tr>               
                        <?php $i = 1; ?>
                        <?php foreach ($nombre_empleado as $em): ?>
                            <td colspan="4" style="border: 0px solid black;"><span><strong>OPERADOR:</strong><?php echo $i; ?>: <?php
                                    echo $em['nom_empleado'];
                                    $i++;
                                    ?></span></td>
                            <td colspan="4" style="border: 0px solid black;"><span><strong>MAQUINA:</strong><?php echo $em['maquina']; ?></span></td>
                        <?php endforeach ?>
                    </tr> 
                </tbody>   

            </table>
        </div>   
    </fieldset>
</div>
<br /><br />
<div>   
    <!-- Element to pop up -->
    <div id="element_to_pop_up" style="display: none;">        
        <a class="b-close">X</a>         
        <div class="content"></div>
    </div>       


    <div style="float: left; margin-left:5px; margin-right: 5px">
        <?php echo $this->Html->link('ATRAS', array('controller' => 'Trabajos', 'action' => 'index'), array('class' => 'buttonS bGreen')); ?>
    </div>
    <?php if ($verifica == 0): ?>
        <div style="float: left; margin-left:5px; margin-right: 5px">
            <a href="#" class="buttonS bGreen" id="btnImprimir">IMPRIMIR VISTA ACTUAL</a>
        </div>
        <?php $tipo = 'sinproduccion'; ?>
        <!--        <div style="float: left; margin-left:50px;">-->
        <?php //echo $this->Html->link('IMPRIMIR', array('action' => 'hojarutaimprime', $trabajo['Trabajo']['id'], $tipo));   ?>
        <!--        </div>-->
        <a class="buttonS bGreen" id="btAjaxGeneraHr">CREAR HOJA DE RUTA</a>

        <script>
            $(document).ready(function() {
                // Binding a click event
                // From jQuery v.1.7.0 use .on() instead of .bind()
                $('#btAjaxGeneraHr').bind('click', function(e) {

                    // Triggering bPopup when click event is fired
                    $('#element_to_pop_up').bPopup({
                        fadeSpeed: 'slow', //can be a string ('slow'/'fast') or int
                        followSpeed: 1500, //can be a string ('slow'/'fast') or int  
                        contentContainer: '.content',
                        loadUrl: '<?php
    echo $this->Html->url(
            array(
                'controller' => 'Trabajos',
                'action' => 'hojarutaimprime', $trabajo['Trabajo']['id'], $tipo, $numHojaRuta
            )
    );
    ?>' //Uses jQuery.load()
                    });
                });
            });
        </script>

    <?php
    else:
        $tipo = 'conproduccion';
        ?>
        <div style="float: left; margin-left:50px;">
        <?php echo $this->Html->link('IMPRIMIR CON  HOJA DE PRODUCCION', array('action' => 'imprimirhp', $trabajo['Trabajo']['id'])); ?>
        </div>

    <?php endif; ?>
    <!--        <div style="float: left; margin-left:50px;">
<?php //echo $this->Html->link('IMPRIMIR CON HOJA DE PRODUCCION', array('action' => 'hojarutaimprime', $trabajo['Trabajo']['id'], $tipo));   ?>
            </div>-->
    <div class="clear"> </div>
</div>

<script>
    $(document).ready(function() {
        $("#btnImprimir").click(function() {
            //console.log('click');
            printElem({  
                leaveOpen: true,      
                printMode: 'popup',                
                overrideElementCSS:[
                '<?php echo $this->webroot; ?>css/imprimir.css',
                    { href:'<?php echo $this->webroot; ?>css/imprimir.css', media:'print'}]
                });
            //printElem({ overrideElementCSS: ['http://www.imprenta.com/css/printable.css'] });
        });

        // Binding a click event
        // From jQuery v.1.7.0 use .on() instead of .bind()
        $('#my-button').bind('click', function(e) {

            // Prevents the default action to be triggered. 
            e.preventDefault();

            // Triggering bPopup when click event is fired
            $('#element_to_pop_up').bPopup({
                fadeSpeed: 'slow', //can be a string ('slow'/'fast') or int
                followSpeed: 1500, //can be a string ('slow'/'fast') or int  
                contentContainer: '.content',
                loadUrl: '<?php echo $this->Html->url(array('controller' => 'Trabajos', 'action' => 'hojarutaimprime', '1360', 'conproduccion')); ?>' //Uses jQuery.load()
            });

        });

    });
    function printElem(options) {
        $('#areaImprimir').printElement(options);
    }
</script>